<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui" > 

<h:head>
<style>
.center{
	margin: 0 auto;
}
</style>
</h:head> 
<h:body>
	<h:form>
		<p:fieldset legend="Tabla/Clase Persona" toggleable="false">
			<p:panelGrid columns="4" styleClass="center">
					
				<h:outputText value="Tipo de Persona" />
				<p:selectOneMenu>
					<f:selectItem itemLabel="Natural"/>
					<f:selectItem itemLabel="Juridica"/>
				</p:selectOneMenu>
				<h:outputText value="Tipo de persona" />
				<p:inputText value="#{persona.tipoMaestro.idTipoMaestro}"></p:inputText>
				
				<h:outputText value="Apellido Paterno:" />
				<p:inputText value="#{persona.persona.apellidoPaternoRazonSocial}" />
				<h:outputText value="Apellido Materno:" />
				<p:inputText value="#{persona.persona.apellidoMaterno}" />
				
				<h:outputText value="Nombres:" />
				<p:inputText value="#{persona.persona.nombrePersonaNombreComercial}" />
				<h:outputText value="Email:" />
				<p:inputText value="#{persona.persona.email}" />
				
				<h:outputText value="Página Web:" />
				<p:inputText value="#{persona.persona.paginaWeb}" />
  				<h:outputText value="Flag" />
  				<p:inputText value="#{persona.persona.flag}" />				
			</p:panelGrid>
		</p:fieldset>
		
		<p:fieldset legend="Tabla/clase Documento Persona">
			<p:panelGrid columns="6">
				<h:outputText value="IdPersona" />
				<p:inputText disabled="true"></p:inputText>
				<!--<p:inputText value="#{persona.persona.idPersona}"></p:inputText>-->
				<h:outputText value="idMaestroTipoDocumento" />
				<p:inputText disabled="true"></p:inputText>
				<!--<p:inputText value="#{persona.tipoMaestro.idTipoMaestro}"></p:inputText>-->
				<h:outputText value="Numero de documento" />
				<p:inputText value="#{persona.documentoPersona.numero}"></p:inputText>
				
				<h:outputText value="Flag" />
				<p:inputText value="#{persona.documentoPersona.flag}"></p:inputText>
			</p:panelGrid>
		 </p:fieldset>
		
		<p:fieldset legend="Tabla/Clase Telefono persona">
			<p:panelGrid columns="4">
				<h:outputText value="idPersona" />
				<p:inputText disabled="true"></p:inputText>
				<h:outputText value="idTipoMaestro" />
				<p:inputText disabled="true"></p:inputText>
				
				<h:outputText value="Numero Telefonico" />
				<p:inputText value="#{persona.telefonoPersona.numero}" ></p:inputText>
				<h:outputText value="Anexo" />
				<p:inputText value="#{persona.telefonoPersona.anexo}" ></p:inputText>
				
				<h:outputText value="Flag" />
				<p:inputText value="#{persona.telefonoPersona.flag}" ></p:inputText>
			</p:panelGrid>
		</p:fieldset>
		
		<p:fieldset legend="Tabla/Clase Dirección Persona">
			<p:panelGrid columns="4">
				<h:outputText value="idPersona" />
				<p:inputText disabled="true"></p:inputText>
				<h:outputText value="idTipoMaestro Vivienda" />
				<p:inputText disabled="true"></p:inputText>
				
				<h:outputText value="idTipoMaestro Zona" />
				<p:inputText disabled="true"></p:inputText>
				<h:outputText value="idTipoMaestro Via" />
				<p:inputText disabled="true"></p:inputText>
				
				<h:outputText value="Ubigeo" />
				<p:inputText value="#{persona.ubigeo.idUbigeo}" ></p:inputText>
				<h:outputText value="" />
				<h:outputText value="" />
				
				<h:outputText value="Numero" />
				<p:inputText value="#{persona.direccionPersona.numero}" ></p:inputText>
				<h:outputText value="Departamento" />
				<p:inputText value="#{persona.direccionPersona.departamento}"></p:inputText>
				
				<h:outputText value="Referencia" />
				<p:inputText  value="#{persona.direccionPersona.referencia}"></p:inputText>
				<h:outputText value="Flag" />
				<p:inputText value="#{persona.direccionPersona.flag}" ></p:inputText>
			</p:panelGrid>	
		</p:fieldset>
		
			<p:commandButton actionListener="#{persona.addPersona}" value="Adicionar"></p:commandButton>
		
	</h:form>
</h:body>
</html>
